<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue的插入</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
    <div id="root2">
        单向数据绑定：<input type="text" v-bind:value="name"><br/>
        <!-- 这是双向绑定的格式 -->
        <!-- v-model 只能应用在表单类元素（输入类）上 -->
        双向数据绑定：<input type="text" v-model:value="name"><br/>
    </div>

    <script>
        // 这里需要使用大写的V 
        // 错误：使用了小写的v
        // 结果：无法正常显示数据
        new Vue({
            el:"#root2",
            data:{
                name:"my dear",
            }
        })
    </script>
</body>
</html>